/*
 * Reset Focus and Active shadows
 */
input:active,
input:focus {
    outline: 0;
    box-shadow: none !important;
}

.form-control {
    box-shadow: none !important;
    resize: none;

    &:active,
    &:focus {
        box-shadow: none;
    }
}

/*
 * Input Feilds
 */
.fg-line {
    position: relative;
    vertical-align: top;

    &:not(.form-group) {
        display: inline-block;
        width: 100%;
    }

    .form-control {
        &:disabled {
            color: #9d9d9d;
            background: transparent;
        }
    }

    &:not(.disabled):after,
    &:not(.readonly):after {
        position: absolute;
        z-index: 3;
        bottom: 0;
        left: 0;
        height: 2px;
        width: 0;
        content: "";
        .transition(all);
        .transition-duration(300ms);
    }

    &.fg-toggled {
        &:after {
            width: 100%;
        }
    }
}

